<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>智媒云图 - 视频回放</title>
    <link rel="import" href="template/head.html?__inline">
    <link rel="stylesheet" href="/node_modules/video.js/dist/video-js.css">
    <script src="/node_modules/video.js/dist/video.js"></script>
</head>
<body>
<div>
    <a name="duty1"></a>
    <link rel="import" href="template/nav.html?__inline">

    <div class="videoBox">
        <div class="title">视频回放</div>
        <p class="actTitle"></p>
        <p class="readData">阅读 84256</p>
        <video id="video-player" class="video-js" controls preload="auto" data-setup='{}'>
        </video>
    </div>

    <link rel="import" href="template/footer.html?__inline">
</div>

<script>
    var id = GetQueryString('id');
    var myPlayer = videojs('video-player');
    $.ajax({
        type: "POST",
        url: "http://m.mp.oeeee.com/uncache.php?m=Video&a=jsonp4detail",
        data: {id:id},
        dataType: "jsonp",
        success: function(res) {
            if (res) {
                $('.actTitle').html(res.data.title);
                myPlayer.src(res.data.qcloud_file_url_mp4);
                myPlayer.poster(res.data.cover);
            }
        }
    });
</script>
</body>
</html>